<!-- 审核 -->
<template>
  <div>
    <div class="fabu">
            
            
            <span>审核信息</span> 

        </div>
    
    <!--专用加载用户头像  -->

    <div>
      <ul class="ul">
        <li>创建时间：{{  createTime}}</li>
        <li>标题：{{   title  }}</li>
        <li>报酬：{{ reward  }}</li>
        <li>协助者用户名：{{ assistantName }}</li>
        <li>发布者用户名：{{   publicsherName }}</li>
        <li>状态：{{ status }}</li>
    
            
           
        
      
      </ul>
      <div class="a">
        <button @click="success()" name="aa" type="radio">审核通过</button>
        <button @click="defeat()" name="aa" type="radio">审核失败</button>
        <button @click="open()">审核说明</button>
      </div>
            
    </div>




  </div>
</template>

<script>
export default {
    name:'verify',
    data() {
      return {
      
          createTime: '2016-05-02',
          title: '去外卖',
          reward: '20r',
          assistantName: '普陀',
          publicsherName: '上海',
          status:0
       
      }
    },
    methods: {
      open() {
        this.$prompt('请输入审核说明', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          inputPattern: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
          inputErrorMessage: '邮箱格式不正确'
        }).then(({ value }) => {
          this.$message({
            type: 'success',
            message: '你的邮箱是: ' + value
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '取消输入'
          });       
        });
      },
      defeat(){
        alert("sorry,您未通过审核");
      },
      success(){
        alert("恭喜您审核通过");
      }
    }


}
</script>

<style scoped>
.ul{
    position: relative;
    top:100px;
    left:130px;
}
.a{
    position: relative;
    left:250px;
    top:270px;
}
button{  
    margin-right:10px;
    border-radius: 10px;
     height: 40px;
    border:1px solid skyblue;
    background-color: skyblue;
    color:white



}
button:hover{
    background-color:rgb(107, 189, 221)
}
span{
    font-size: 50px;
    color:rgb(163, 220, 243);
}
.fabu{
   text-align: center;
    
}
li{
    list-style: none;
    margin-bottom: 20px;
    font-size: 20px;
    color:skyblue;
}
input{
    border:0px;
    outline: none;
}
.pimg{
  text-align: center;
}

</style>